<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" template="../templates/ui.xhtml">

	<ui:define name="content">


		<h:body>

			<p:layout fullPage="false" style="height:400px">

				<!-- <p:layoutUnit position="north" size="50" header="Top"
					resizable="true" closable="false" collapsible="true">
					<h:outputText value="Bread crumb goes here" />
				</p:layoutUnit>

				<p:layoutUnit position="south" size="100" header="Bottom"
					resizable="true" collapsible="true">
					<h:outputText
						value="Item description goes here like why one needs to buy" />
				</p:layoutUnit>
 -->
				<p:layoutUnit position="west" size="200" header="Filter Search" style="border:none;"
					resizable="true" collapsible="true">
					<ui:include src="filter.xhtml"></ui:include>
				</p:layoutUnit>

				<!--<p:layoutUnit position="east" resizable="true" maxSize="277"
					style="border:none;margin-top:-10px;padding-top:0px;width:277px;border:none;" effect="drop">
					<ui:include src="cart.xhtml"></ui:include>
				</p:layoutUnit>

				--><p:layoutUnit position="center" style="border:none;"><!--
					Pagiantion and popularity, sorting list &amp; grid view etc  goes here try use Live Scroll 
					 Items with full descripton and content etc goes here including image 
			This fullPage layout consists of five different layoutUnits which are resizable and closable by default.

                       --><ui:include src="itemsList.xhtml"></ui:include>
				</p:layoutUnit>

			</p:layout>

		</h:body>

	</ui:define>
</ui:composition>
